<template>
  <el-card shadow="never">
    <el-result
      icon="success"
      title="指派成功"
      sub-title="请等待网格员完成实地检测并上传检测数据，请等待网格员完成实地检测并上传检测数据，请等待网格员完成实地检测并上传检测数据"
    >
      <template #extra>
        <div class="flex">
          <el-button
            type="primary"
            @click="router.push('/monitoring/feedback/index')"
            >返回反馈列表</el-button
          >
          <el-button>查看项目</el-button>
          <el-button>打印</el-button>
        </div>
      </template>
    </el-result>
    <div
      class="p-6 w-[80%] m-auto bg-[#fafafa] dark:bg-[#1d1d1d]"
      style="width: 90%"
    >
      <el-steps
        style="max-width: 6000px"
        :active="2"
        align-center
        finish-status="success"
      >
        <el-step title="反馈" description="监督员发起反馈" />
        <el-step title="指派" description="管理员指派反馈任务" />
        <el-step title="检测" description="网格检测员实地检测数据" />
        <el-step title="完成" description="管理员审核发布数据" />
      </el-steps>
    </div>
  </el-card>
</template>

<script setup lang="ts">
import { useRouter } from "vue-router";

const router = useRouter();

defineOptions({
  name: "AssignSuccess"
});
</script>

<style scoped></style>
